<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<style>
			html, body {
				height: 100%;
				background: transparent;
			}
			.content {
				background: transparent;
				position: absolute;
				display: -webkit-box;
				-webkit-box-pack: center;
				-webkit-box-align: center;
				height: 100%;
				width: 100%;
			}
			.content img {
				width: 100%;
			}
		</style>
	</head>
	<body>
		<div class="content" onclick="api.closeFrame()">
			<img src=""  id="show"/>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/hammer.js"></script>
	<script type="text/javascript" src="../script/hammerPluin.js"></script>
	<script type="text/javascript">
		apiready = function() {
			var url = api.pageParam.url;
			var img = $api.byId("show");
			img.src = url;			
			
		};
	</script>
</html>